<template>
  <div>
    <fm-generate-form :data="jsonData"
                      :remote="remoteFuncs"
                      :value="editData"
                      ref="generateForm">

    </fm-generate-form>
    <el-button type="primary"
               size="small"
               @click="handleSubmit"
               style="margin-left:140px;">Submit</el-button>
  </div>
</template>

<script>
export default {
  data () {
    return {
      jsonData: {
        'list': [
          {
            'type': 'textarea',
            'icon': 'icon-diy-com-textarea',
            'options': {
              'width': '100%',
              'defaultValue': '',
              'required': false,
              'disabled': false,
              'pattern': '',
              'placeholder': '',
              'remoteFunc': 'func_1598506126000_53157'
            },
            'name': '多行文本',
            'key': '1598506126000_53157',
            'model': 'textarea_1598506126000_53157',
            'rules': []
          },
          {
            'type': 'radio',
            'icon': 'icon-radio-active',
            'options': {
              'inline': false,
              'defaultValue': '',
              'showLabel': false,
              'options': [
                {
                  'value': 'Option 1',
                  'label': 'Option 1'
                },
                {
                  'value': 'Option 2',
                  'label': 'Option 2'
                },
                {
                  'value': 'Option 3',
                  'label': 'Option 3'
                }
              ],
              'required': false,
              'width': '',
              'remote': false,
              'remoteOptions': [],
              'props': {
                'value': 'value',
                'label': 'label'
              },
              'remoteFunc': 'func_1598506127000_83315',
              'disabled': false
            },
            'name': '单选框组',
            'key': '1598506127000_83315',
            'model': 'radio_1598506127000_83315',
            'rules': []
          },
          {
            'type': 'select',
            'icon': 'icon-select',
            'options': {
              'defaultValue': '',
              'multiple': false,
              'disabled': false,
              'clearable': false,
              'placeholder': '',
              'required': false,
              'showLabel': false,
              'width': '',
              'options': [
                {
                  'value': 'Option 1'
                },
                {
                  'value': 'Option 2'
                },
                {
                  'value': 'Option 3'
                }
              ],
              'remote': false,
              'filterable': false,
              'remoteOptions': [],
              'props': {
                'value': 'value',
                'label': 'label'
              },
              'remoteFunc': 'func_1598506128000_35284'
            },
            'name': '下拉选择框',
            'key': '1598506128000_35284',
            'model': 'select_1598506128000_35284',
            'rules': []
          }
        ],
        'config': {
          'labelWidth': 100,
          'labelPosition': 'right',
          'size': 'small'
        }
      },
      editData: {},
      remoteFuncs: {

      },
      dataInfo: {
        id: '',
        name: '',
        businessId: '',
        businessType: 'test',
        language: 'json', // sql,grovvy,json
        type: 1,
        data: ''
      }
    }
  },
  created () {

  },
  methods: {
    handleSubmit () {
      this.$refs.generateForm.getData()
        .then(data => {
        // data check success
        // data - form data
        }).catch(e => {
        // data check failed
        })
    }
  }
}
</script>
